<template>
	<div class="subscribe_type">
		<myheader :type_title="type_title" :title="title"></myheader>
		<div class="title">{{choice}}</div>
		<div class="info">
			<span  @click="choices($event)"  v-for="item in building">{{item}}</span>
		</div>
	</div>
</template>

<script>
	import myheader from '@/components/user/myheader'
	export default {
		name: "subscribe_type",
		data() {
			return {
				choice:"请选择类型",
				title: "创建订阅条件",
				type_title: "noright",
				building: [
						"小什字",
						"较场口",
						"七星岗",
						"两路口",
						"鹅岭",
						"大坪",
						"石油路",
						"歇台子",
						"石桥铺",
						"高庙村",
						"马家岩",
						"小龙坎",
						"沙坪坝",
						"杨公桥",
						"烈士墓",
						"磁器口",
						"石井坡",
						"双碑",
						"赖家桥",
						"微电园",
						"陈家桥",
						"大学城",
						"尖顶坡"]
			}
		},
		methods: {
			choices(e) {
				this.choice = e.toElement.innerHTML;
				if(this.choice != "请选择类型"){
					localStorage.setItem("subBus",this.choice);
				}
			}
		},
		components: {
			myheader
		}
	};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.subscribe_type {
		width: 100%;
		height: auto;
		background: #F1F1F1;
	}
	
	.title {
		width: 100%;
		height: 0.7rem;
		line-height: 0.7rem;
		color: #504d4d;
		padding: 0 0.3rem;
		box-sizing: border-box;
		margin-top: 0.1rem;
		margin-bottom: 0.1rem;
		font-size: 0.3rem;
		background: white;
	}
	
	.info {
		width: 100%;
		height: auto;
		background: white;
	}
	
	.info span {
		display: inline-block;
		width: 100%;
		height: 1.1rem;
		padding: 0 0.3rem;
		border-bottom: 0.03rem solid #F0F0F0;
		box-sizing: border-box;
		color: #999999;
		font-size: 0.35rem;
		line-height: 1.1rem;
	}
</style>